<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery-ui.js"></script>
	<script type="text/javascript" src="js/easySlider1.7.js" ></script>
	<link rel="stylesheet" type="text/css" href="/css/redmond/jquery-ui.css" />
	<link rel="stylesheet" type="text/css" href="/css/common.css" />
	<link rel="stylesheet" type="text/css" href="/css/slider.css" />
	<title>Empleo Catering</title>
</head>

<script >
jQuery.noConflict();

jQuery(function() {
	jQuery("#dialogform").dialog(
			{
			autoOpen: false,
			width: 530,
			resizable: false,
			modal: true,
			close: function() {
			}
			});
});

function closeDialog() {		
	jQuery("#dialogform").dialog('close');
}
function openDialog(tipo) {
	document.getElementById('tipoUsuario').value = tipo;
	jQuery("#dialogform").dialog('open');
}

jQuery(document).ready(function(){	
	jQuery("#slider").easySlider({
		auto: true,
		continuous: true,
		speed: 3800,
	});
});

</script>

<body style="margin:0; padding: 0;">
<div style="with:1024px; " >
	<div id="id-header"  >
		<div id='topheader' class="ui-widget-header">&nbsp;</div>
		<div id='downheader'>
			<div id='logoheader' class='ui-corner-bottom'>Empleo Catering</div>
		</div>
	</div>
	<div id="id-body" >
		<div  style=" margin-top: 80px;" >
			<div id="contenedorSlider" 
				style="margin: 30px auto; text-align: center; " >
				<div id="slider">
				<ul>				
					<li><div class="contenidoSlider ui-corner-all ui-state-default" >
						<div> <h4>Bienvenido a empleocatering</h4>  </div>
						<div class='textoexplicativo' style="text-align: left;" >
						Un portal de empleo especializado en trabajos de catering, hostelería, eventos, restauración, 
						etc. Date de alta en empleoctaring y busca fácilmente solo entre las ofertas de trabajo 
						que quieres ver, ¡no te pierdas entre miles de ofertas que no te interesan!. 
						</div>
					</div></li>
					<li><div class="contenidoSlider ui-corner-all ui-state-default" >
						<div class='textoexplicativo' style="float:left; width: 40%">
						Encuentras cientos de trabajos a tu medida. Solo tienes que registrarte y
						empezar a inscribirte en las ofertas. Ya somos más de <font style="color:red;">
						100</font> usuarios registrados y <font style="color:red;">
						1300</font> ofertas
						</div>
						<div style="float:right;  width: 50%;" >
							<img src="/images/captura2.jpg" height="120px;" />
						</div>
					</div></li>
					<li><div style="background: #dfeffc;"
					class="contenidoSlider ui-corner-all ui-state-default" >
							<div style="float:left;  width: 25%; margin-top: 20px; " >
									<img src="/images/mail.png" />
							</div>
							<div class='textoexplicativo' style="float:left; width: 70%">
								TEXTO SOBRE INSERTE TU CURRICULUM
							</div>
						</div>
						</li>
					<li><div class="contenidoSlider" >
						<div class='textoexplicativo' style="float:left; width: 70%">
						TEXTO SOBRE INSERTE TU CURRICULUM
						</div>
						<div style="float:right;  width: 25%;" >
							<img src="/images/manos.png"
							width="150px" height="150px;" />
					</div></li>
					<li><div class="contenidoSlider ui-corner-all ui-state-default" >
						<div> <h4>Síguenos!</h4>  </div>
						<div class='textoexplicativo' style="margin-top:5px; text-align: left;" >
						Manten contacto con nosotros y ponte al día de las últimas novedades y ofertas publicadas
						en la página a través de tu red social favorita o haciendo uso de nuestro blog. 
						</div>
						<div>
							<a href="http://www.as.com"><img src="/images/facebook.png" alt="Facebook" /></a>
							<a href="http://www.as.com"><img src="/images/twitter.png" alt="Twitter" /></a>
							<a href="http://twitter.com/empleocatering"><img src="/images/linkedin.png" alt="Linkedin" /></a>
							<a href="http://empleocatering.blogspot.com/"><img src="/images/blogger.png" alt="Blogger" /></a>
							<a href="http://www.as.com"><img src="/images/tumblr.png" alt="Tumblr" /></a>
						</div>
					</div></li>			
				</ul>
				</div>
			</div>
		<div id="contenedorSlider" 
				style="margin: auto; text-align: center; " >
		<div style="text-align: center; margin: 0 auto; background: white; width:50%; float: left"  >
			CANDIDATOS
			<a href="/inicioRegister" >Registrate </a>
			<a href="javascript:openDialog('candidato')"> Login</a>
		</div>
		<div style="text-align: center; margin: 0 auto; background: white; width:50%; float: left"  >
			empresas
			<a href="/accederRegistroEmpresa" >Registre su empresa </a>
			<a href="javascript:openDialog('empresa')"> Login</a>
		</div>
		
		</div>
		
		</div>
	</div>
	<div id="id-footer" class="ui-widget-header" >
		Empleo Catering - 2010
		<img src="http://code.google.com/appengine/images/appengine-silver-120x30.gif" 
		alt="Con la tecnología de Google App Engine" />
	</div>
	
	
	<div id="dialogform">
		<div class='textosolo'>Introduce tus usuario y contraseña para acceder a la
		aplicación</div>
		<form action="accesoUsuario.action">
			<input type="text" name="email" />
			<input type="password" name="pass" />
			<input type="hidden" id="tipoUsuario" name="tipoUsuario" />
			<input type="submit" value="Enviar" />
		</form>
	</div>
	
</div>
</body>
</html>